* {
    margin: 0;
    padding: 0;
    outline: none;
    font-family: "思源黑体 CN Light", "droid sans fallback", "Oxygen", "Arial ", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "sans-serif";
}

*:not(input, textarea) {
    -webkit-touch-callout: inherit;
    -webkit-user-select: auto;
}

html, body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    color: #333;
    min-width: 320px;
    background: #fff;
}

body {
    width: 100%;
    font-size: 14px;
    -webkit-touch-callout: inherit;
    -webkit-user-select: auto;
    -webkit-backface-visibility: hidden;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    padding: 0;
    outline: none;
}
b{
    font-weight: normal;
}
dt, dd {
    display: inline-block;
}

textarea, input {
    resize: none;
    outline: none;
}

textarea {
    resize: none;
    -webkit-appearance: none;
}

ul, ol, li {
    list-style: none;
}

em {
    font-style: normal;
}

img, input {
    vertical-align: middle;
    display: inline-block;
}
img[lazy='loaded']{
    width: 100%;
    opacity: 0;
    animation-name: fadein;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-timing-function: ease-in-out;
}
@keyframes fadein {
    0% {
        /*transform: scaleX(0.9);*/
        opacity: 0;
    }
    100% {
        /*transform: scaleX(1);*/
        opacity: 1;
    }
}

input {
    -webkit-appearance: none;
    background: none;
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

h1, h2, h3, h4, ul, p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

a {
    text-decoration: none;
}

i {
    font-style: normal;
}

select, option{
    outline: none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border: none;
    background: none;
}
select::-ms-expand{ 
    display: none; 
}
option::-ms-expand{ 
    display: none; 
}
.clear {
    clear: both;
}

.no-place{
    display: block;
    width: 100%;
    height: 0.88rem;
}

.dn{
    display: none;
}

.line{
    display: inline-block;
    width: 1rem;
    height: 0.02rem;
    background-color: #e4e7ef;
}

/*iconfont*/
@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont.eot'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/*1px写法 2018-8-3*/
.border-1px{
    position: relative;
}
.border-1px:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #dcdfe6;
    transform: scaleY(.5);
    -webkit-transform: scaleY(.5);
}
.bordertop-1px{
    position: relative;
}
.bordertop-1px:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #e4e7ed;
    transform: scaleY(.5);
    -webkit-transform: scaleY(.5);
}
.borderight-1px{
    position: relative;
}
.borderight-1px:after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #dcdfe6;
    transform: scaleX(.5);
    -webkit-transform: scaleX(.5);
}
.border_all_1px{
    position: relative;
}
.border_all_1px:before{
    position:absolute;
    content:"";
    left:0;
    top:0;
    right:-100%;
    bottom:-100%;
    -webkit-transform:scale(0.5);
    -webkit-transform-origin:0 0;
    pointer-events:none;
}
.border_all_1px:before{
    border:1px solid #dcdfe6;
}

.bordergray-1px{
    position: relative;
}
.bordergray-1px:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e1e1e1;
    transform: scaleY(.5);
    -webkit-transform: scaleY(.5);
}
.border_highlight{
    position: relative;
}
.border_highlight:before{
    position:absolute;
    content:"";
    left:0;
    top:0;
    right:-100%;
    bottom:-100%;
    -webkit-transform:scale(0.5);
    -webkit-transform-origin:0 0;
    pointer-events:none;
}
.border_highlight_1px:before{
    border:1px solid #b4b4b4;
}

/*单行和两行隐藏显示*/
.one-line{
    position: relative;
    line-height: 0.4rem;
    height: 0.4rem;
    overflow: hidden;
}
.one-line:after{
    content: "...";
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 0.2rem 0 0.4rem;
    background: url(../img/ellipsis_bg.png) repeat-y;
    background-size: contain;
}
.oneLine{
    position: relative;
    line-height: 0.4rem;
    height: 0.4rem;
    overflow: hidden;
}
.oneLine:after{
    content: "...";
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 0.1rem 0 0.1rem;
    background: #f5f5f5;
    background-size: contain;
}
.twoLine{
    position: relative;
    line-height: 0.4rem;
    height: 0.8rem;
    overflow: hidden;
}
.twoLine:after{
    content: "...";
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 0.1rem 0 0.1rem;
    background: #f5f5f5;
    background-size: contain;
}

.two-line{
    position: relative;
    line-height: 0.4rem;
    height: 0.8rem;
    overflow: hidden;
}
.two-line:after{
    content: "...";
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 0.2rem 0 0.4rem;
    background: url(../img/ellipsis_bg.png) repeat-y;
    background-size: contain;
}
.three-line{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    /*! autoprofixer: off*/
    -webkit-box-orient: vertical;
    /* autoprofixer: on*/
}
.one_line{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    /*! autoprofixer: off*/
    -webkit-box-orient: vertical;
    /* autoprofixer: on*/
}

/*com-header*/
.com-header{
    position: relative;
    height: 0.88rem;
    line-height: 0.88rem;
    background: #fff;
}
.com-header .back{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0.88rem;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
}
.com-header .back i{
    font-size: 0.5rem;
}
.com-header .content{
    margin: 0 1rem;
    font-size: 0.32rem;
    text-align: center;
}
.com-header .right{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 0.88rem;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
}
.com-header .right .iconfont{
    font-size: 0.44rem;
}
/* index- nav   ly-tab*/
.index-nav .ly-tab{
    background-color: rgba(0,0,0,0)!important;
    border-bottom: none!important;
    height: 0.6rem;
    color: rgba(256,256,256,0.8);
}
.index-nav .ly-tab .ly-tab-item-label{
    font-size: 0.24rem;
}
.index-nav .ly-tab .ly-tab-item-label .active{
    font-weight: bold;
}
.index-nav .ly-tab .ly-tab-active-bar{
    display: none;
}
/* s- nav   ly-tab*/
.s-nav .ly-tab{
    border-bottom: none;
}
.s-nav .ly-tab .ly-tab-active-bar{
    width: 0.7rem!important;
    bottom: 0;
    height: 0.04rem;
}
.s-nav .ly-tab .ly-tab-item{
    width: 1.2rem;
    padding: 0;
}

/*all-nav*/
.all-nav .ly-tab .ly-tab-active-bar{
    display: none;
}
.all-nav .ly-tab{
    background-color: rgba(0,0,0,0);
}
.all-nav.active .ly-tab{
    color: rgba(256,256,256,0.6);
}

/*fold*/
.fold-enter-active,.fold-leave-active{
    transition: all .5s;
}
.fold-enter, .fold-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
    transform: translate3d(0,-500px,0);
    opacity: 0;
}
/**/
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
/**/
.fadein-enter-active, .fadein-leave-active {
  transition: all 1s ease;
}
.fadein-enter{
  transform: scaleX(0.9);
  opacity: 0;
}
.fadein-leave-active{
  transform: scaleX(1);
  opacity: 1;  
}
/* 设置持续时间和动画函数 */
.slide-left-enter-active, .slide-left-leave-active{
    transition: all .3s ease;
}
.slide-left-enter, .slide-left-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
    transform: translateX(1000px);
}

.slide-right-enter-active, .slide-right-leave-active{
    transition: all .3s ease;
}
.slide-right-enter, .slide-right-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
    transform: translateX(-400px);
}

/**/
.swiper-container-horizontal>.swiper-pagination-fraction{
    left: 83%;
    bottom: 0.1rem;
    background: rgba(0,0,0,0.7);
    color: #fff;
    width: 1rem;
    height: 0.4rem;
    line-height: 0.4rem;
    border-radius: 0.4rem;
    font-size: 0.20rem;
}

/**/
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    background: #fff;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    opacity: 0.4;
    width: 6px;
    height: 6px;
    left: 2px!important;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
    opacity: 1;
    width: 18px;
    height: 6px;
    border-radius: 6px;
    margin: 0 2px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 2px;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
    transform: scale(0.66)!important;
}

.fa-con img{
    margin: 0.2rem 0;
    max-width: 100%;
}
.fa-con strong{
    display: block;
    margin: 0.4rem 0;
}
.fa-con strong span img{
    display: inline-block;
    width: 0.4rem;
}
.single-content{
    background: #fff;
    width: 80%;
    margin: 0.4rem 10%;
    padding: 0.2rem;
    border: 0.01rem solid #e1e1e1;
}
.single-content .single-info{
    display: flex;
}
.single-content .single-info img{
    width: 2rem;
    margin: 0;
    margin-right: 0.1rem;
}
.phone-title{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    /*! autoprofixer: off*/
    -webkit-box-orient: vertical;
    /* autoprofixer: on*/
    margin-bottom: 0.4rem;
}
.single-price{
    font-size: 0.28rem;
    margin-left: 0.1rem;
}
.single-price .price{
    color: #ec8151;
}
.single-tkmoney,.single-tkrates{
    display: none;
}
.single-info>div{
    position: relative;
}
.single-info .single-bottom{
    position: absolute;
    bottom: 0;
    left: 0.1rem;
    width: 100%;
    color: #999;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.single-couponmoney{
    display: block;
    font-size: 0.20rem;
    padding: 0 0.1rem;
    height: 0.34rem;
    color: #ec8151;
    line-height: 0.34rem;
    border: 0.01rem solid #ec8151;
}
.single-couponmoney .price-ticket{
    padding-right: 0.1rem;
    border-right: 0.01rem dashed #ec8151;
}
.am-g{
    display: flex;
    flex-wrap: wrap;
}
.commodity-info{
    flex: 0 0 49%;
    margin-bottom: 2%;
    background: #fff;
}
.commodity-info:nth-of-type(odd){
    margin-right: 1%;
}
.commodity-info:nth-of-type(even){
    margin-left: 1%;
}
.commodity-info img{
    margin: 0;
}
.commodity-info .phone-title{
    margin: 0.2rem 0.1rem;
}
.commodity-price{
    margin: 0 0.1rem;
}
.commodity-price .price{
    font-size: 0.30rem;
    color: #ec8151;
}
.commodity-tkmoney,.commodity-tkrates{
    display: none;
}
.commodity-bottom{
    margin: 0.2rem 0.1rem;
    color: #999;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.commodity-couponmoney{
    display: block;
    font-size: 0.20rem;
    padding: 0 0.1rem;
    height: 0.34rem;
    color: #ec8151;
    line-height: 0.34rem;
    border: 0.01rem solid #ec8151;
}
.commodity-couponmoney .coupon{
    margin-left: 0.1rem;
    padding-left: 0.1rem;
    border-left: 0.01rem dashed #ec8151;
}

/*交易大厅*/
.question{
    margin-top: 0.3rem;
}
.ques-title{
    margin-bottom: 0.2rem;
    display: inline-block;
    padding: 0.1rem 0.24rem;
    border-top-right-radius:0.5rem;
    border-bottom-right-radius:0.5rem;
    background-color:#c96048;
    color:#fff;
    font-size: 0.26rem;
}
.question ul{
    padding: 0 0.24rem;
}
/**/
.list-enter-active, .list-leave-active {
  transition: all 1s;
}
.list-enter, .list-leave-to
/* .list-leave-active for below version 2.1.8 */ {
  opacity: 0;
}
.sa-content img{
    width: 100%!important;
}